﻿<style>
    #loginForm .form-group {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: auto;
    }

    #loginForm .form-control-feedback.glyphicon {
        top: 10px !important;
        right: 35px;
    }

    #loginForm .login-container .loginbox {
        height: auto !important;
        padding-bottom: 18px;
    }
</style>
<form id="loginForm" method="post" class="form-horizontal"
      data-bv-message="This value is not valid"
      data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
      data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
      data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"
      onsubmit="return false">
    <div class="login-container animated fadeInDown">
        <div class="loginbox bg-white">
            <div class="loginbox-title">登录</div>
            <div class="loginbox-social">
                <div class="social-title ">使用你的社交账户</div>
                <div class="social-buttons">
                    <a class="button-facebook">
                        <i class="social-icon fa fa-facebook"></i>
                    </a>
                    <a class="button-twitter">
                        <i class="social-icon fa fa-twitter"></i>
                    </a>
                    <a class="button-google">
                        <i class="social-icon fa fa-google-plus"></i>
                    </a>
                </div>
            </div>
            <div class="loginbox-or">
                <div class="or-line"></div>
                <div class="or">或</div>
            </div>
            <div class="loginbox-textbox form-group">

                <input type="text" name="username" class="form-control" placeholder="用户名"
                       required
                       data-bv-notempty-message="用户名不能为空"
                       pattern="[a-zA-Z0-9]+"
                       data-bv-regexp-message="用户名只能由字母、数字组成"
                />
            </div>
            <div class="loginbox-textbox form-group">
                <input type="password" name="password" class="form-control" placeholder="密码"
                       required
                       data-bv-notempty-message="密码不能为空"
                />
            </div>
            <div class="loginbox-forgot">
                <a href="###">忘记密码?</a>
            </div>
            <div class="loginbox-submit">
                <button id="loginBtn" type="submit" class="btn btn-primary btn-block">登录</button>
            </div>
            <div class="loginbox-signup">
                <a href="###">注册申请</a>
            </div>
        </div>
        <div class="logobox">
        </div>
    </div>
</form>
<script src="assets/js/login.js"></script>